<script setup>
import {ref} from 'vue'

const selected = ref([])
const myselect = ref([])
const addr = ref(['郑州5', '郑州4', '郑州3', '郑州2', '郑州1'])

function show() {
  myselect.value.push(...selected.value)
  addr.value = addr.value.filter(item => !selected.value.includes(item))
}
</script>

<template>
  <div>Selected: {{ selected }}</div>

  <select @change="show" v-model="selected" multiple size="10">
    <option v-for="item in addr">{{ item }}</option>
  </select>

  <select v-model="myselect" multiple size="10">
    <option v-for="item in myselect">{{ item }}</option>
  </select>
</template>

<style>
select[multiple] {
  width: 100px;
}
</style>
